var vm = new Vue({
    el:"#app",
    data:{
        username:""
    },
    methods:{
        /**
         * 初始化bootstrapTable
         */
        initTable:function(){
            var _this = this;
            $('#tbSysUserLoginLog').bootstrapTable($.extend(bootstrapTableOption,{
                url: g_comm.manager_url+'/sysLog/list',           //请求后台的URL（*）
                queryParams: _this.queryParams,               //传递参数（*）
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                columns: [{
                    checkbox: true
                }, {
                    field: 'username',
                    title: '管理员账号'
                }, {
                    field: 'rolenames',
                    title: '角色类型'
                }, {
                    field: 'moduleName',
                    title: '业务模块'
                }, {
                    field: 'operation',
                    title: '操作描述'
                }, {
                    field: 'time',
                    title: '操作耗时(毫秒)'
                }, {
                    field: 'result',
                    title: '操作结果',
                    formatter : function(value, row, index) {
                        if (value == '0') {
                            return '<span class="label label-success">成功</span>';
                        } else if (value == '1') {
                            return '<span class="label label-danger">失败</span>';
                        }
                    }
                }, {
                    field: 'createTime',
                    title: '操作时间',
                    formatter:function(value,row,index){
                        return new Date(value).toString("yyyy-MM-dd HH:mm:ss");
                    }
                }
                ],
                detailView: true,
                detailFormatter: function(index, row) {
                    var _html = '<p>操作用户ID：'+ row.userId +'</p>' +
                        '<p>执行方法：'+ row.className+'.'+row.method +'</p>' +
                        '<p>请求参数：'+ row.params +'</p>'+
                        '<p>客户端IP：'+ row.clientIp +'</p>'+
                        '<p>客户端浏览器：'+ row.clientBrowser +'</p>'+
                        '<p>客户端操作系统：'+ row.clientOperationSystem +'</p>'+
                        '<p>处理请求的服务器IP：'+ row.serverIp +'</p>'+
                        '<p>操作备注：'+ row.remark +'</p>';
                    return _html;
                }
            }));
        },
        /**
         * 删除
         */
        del:function(){
            //获取选中的行
            var selectRows = $('#tbSysUserLoginLog').bootstrapTable('getSelections');
            if(selectRows.length==0){
                layer.alert('请选择要删除的数据!',{
                    title: '提示框',
                    icon:0
                });
                return;
            }
            var ids = "";
            $(selectRows).each(function (index, obj) {
                ids+=obj.id+",";
            });
            ids=ids.substring(0,ids.length-1);
            parent.layer.confirm("你确定是要删除吗！", {btn: ['确定','取消']},
                function(){//确定事件
                    //关闭confirm Dialog
                    parent.layer.closeAll('dialog');
                    $.ajax({
                        url: g_comm.manager_url+"/sysLog/delete",
                        data: {ids:ids},
                        success: function(r){
                            if(r.code == 0){
                                layer.msg('删除成功！', {icon: 1});
                                //重新刷新数据
                                $('#tbSysUserLoginLog').bootstrapTable('refresh');
                            }else{
                                layer.alert(r.msg,{
                                    title: '提示框',
                                    icon:0
                                });
                            }
                        }
                    });
                });
        },

        /**
         * 查询参数
         * @param params
         */
        queryParams:function (params) {
            return {
                limit: params.limit,   //页面显示的行数
                offset: params.offset,  //页码
                username:this.username,
                moduleName:$("#moduleName").val(),
                logType:0 //操作日志
            };
        },
        /**
         * 搜索
         */
        search:function () {
            $('#tbSysUserLoginLog').bootstrapTable('refreshOptions',{pageNumber:1});
        },
        initControl:function(){
            $("select").select2();//将页面上的select标签渲染成select2控件
            loadSelectOption("moduleName",g_comm.manager_url+"/sysLog/getModuleNameList","moduleName","id",function(){
                //添加默认选项，默认选中
                $("#moduleName").prepend("<option value=''>请选择模块</option>");
                $("#moduleName").val("").trigger("change");//默认选中值为-1的那个选项(由于使用了select2控件，只能采用这种方式选中)
            });
        }
    },
    mounted:function () {
        this.initTable();
        this.initControl();
    }
});